<template>
	<view>
		<statusHeader></statusHeader>
		
		<!-- #ifdef H5 -->
			<simple-router-view  v-slot="{ Component, route }">
			    <keep-alive>
			      <component :is="Component"/>
			    </keep-alive>
			</simple-router-view>
		<!-- #endif -->
		
		<!-- #ifdef APP-->
			<simple-router-view  v-slot="{ Component, route }">
			    <component :is="Component"/>
			</simple-router-view>
		<!-- #endif -->
		
		<!-- #ifdef MP -->
			<simple-router-view />
		<!-- #endif -->
		
		<tabbs @change="tabChange"></tabbs>
	</view>
</template>

<script>
	import tabbs from '@/pages/tabbs/tabbas.vue'
	
	export default {
		components:{
			tabbs
		},
		data() {
			return {
				tabBarIndex: 0,
			}
		},
		onLoad(){
			
		},
		onReachBottom(){
			console.log('reeeeeeeeeeeeeee')
			uni.$emit('onReachBottom')
		},
		methods:{
			tabChange(index){
				this.tabBarIndex = index
				
				this.$nextTick(()=>{
					uni.$emit('onShow')
				})
			}
		}
	}
</script>

<style>

</style>
